.demo-card {
    display: flex;
    flex-direction: column;
    // border: 1px #ccc solid;
    background: white;
    margin-bottom: -1px;
    width: 100%;
    border: 1px #ccc solid;


    .demo-card-header {
        height: 36px;
        display: flex;
        flex-direction: row;
        // border-bottom: 1px #ccc solid;
        padding-left: 10px;
        background-color: lightslategrey;
        color: white;
        justify-content: space-between;
        margin: -1px;

        &>div {
            display: flex;
        }

        .demo-card-header-left {
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .demo-card-header-right {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-right: 10px;

        }

        .toggle_collapse_icon {
            width: 70px;
            height: 24px;
            background-color: lightcoral;
            justify-content: center;
            align-items: center;
            display: flex;
            cursor: pointer;
        }
    }

    .demo-card-body {
        padding: 10px;

    }
}

.demo-card-group {
    width: 100%;

    .demo-card:not(:last-child) {
        margin-bottom: 15px;
    }
}